/* 管理员页面美化样式 - 简洁版 */

/* 全局变量定义 */
:root {
  --primary-color: #597ef7;
  --secondary-color: #67C23A;
  --danger-color: #F56C6C;
  --warning-color: #E6A23C;
  --info-color: #909399;
  --success-color: #67C23A;
  --bg-color: #f5f7fa;
  --card-bg: #ffffff;
  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;
  --border-color: #EBEEF5;
  --border-light: #F2F6FC;
  --border-radius: 4px;
  --transition: all 0.2s ease;
}

/* 基础页面样式 */
body {
  background-color: var(--bg-color) !important;
  color: var(--text-regular) !important;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif !important;
  transition: var(--transition);
}

/* 卡片美化 - 简洁版 */
.el-card {
  border-radius: var(--border-radius) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: none !important;
  transition: var(--transition) !important;
  overflow: hidden !important;
  background: var(--card-bg) !important;
}

.el-card__header {
  background: #fafafa !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 18px 20px !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  position: relative !important;
}

.el-card__header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 40px;
  height: 2px;
  background: var(--primary-color);
  border-radius: 1px;
}

.el-card__body {
  padding: 20px !important;
  color: var(--text-regular) !important;
}

/* 表格美化 - 简洁版 */
.el-table {
  border-radius: var(--border-radius) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin-bottom: 20px !important;
  border: 1px solid var(--border-color) !important;
}

.el-table::before {
  display: none !important;
}

.el-table th.el-table__cell {
  background: #fafafa !important;
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 12px 0 !important;
}

.el-table td.el-table__cell {
  border-bottom: 1px solid var(--border-color) !important;
  padding: 12px 0 !important;
  transition: var(--transition) !important;
}

.el-table tr:hover > td.el-table__cell {
  background-color: #f5f7fa !important;
}

.el-table tr.current-row > td.el-table__cell {
  background-color: #ecf5ff !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #fafbfc !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped:hover td.el-table__cell {
  background-color: #f5f7fa !important;
}

/* 按钮美化 - 简洁版 */
.el-button {
  border-radius: var(--border-radius) !important;
  font-weight: 500 !important;
  transition: var(--transition) !important;
  box-shadow: none !important;
}

/* 按钮组样式修复 */
.el-button-group .el-button {
  border-radius: 0 !important;
}

.el-button-group .el-button:first-child {
  border-radius: var(--border-radius) 0 0 0 var(--border-radius) !important;
}

.el-button-group .el-button:last-child {
  border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}

.el-button:hover {
  transform: none !important;
  box-shadow: none !important;
}

.el-button--primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-button--success {
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
}

.el-button--danger {
  background-color: var(--danger-color) !important;
  border-color: var(--danger-color) !important;
}

.el-button--warning {
  background-color: var(--warning-color) !important;
  border-color: var(--warning-color) !important;
}

.el-button--info {
  background-color: var(--info-color) !important;
  border-color: var(--info-color) !important;
}

/* 表单美化 - 简洁版 */
.el-form-item__label {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
}

.el-input__inner {
  border-radius: var(--border-radius) !important;
  border: 1px solid var(--border-color) !important;
  transition: var(--transition) !important;
}

.el-input__inner:focus {
  border-color: var(--primary-color) !important;
  box-shadow: none !important;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--primary-color) !important;
  box-shadow: none !important;
}

/* 分页美化 - 简洁版 */
.el-pagination {
  margin-top: 20px !important;
  text-align: center !important;
}

.el-pagination .btn-prev,
.el-pagination .btn-next {
  border-radius: var(--border-radius) !important;
  margin: 0 2px !important;
}

.el-pager li {
  border-radius: var(--border-radius) !important;
  margin: 0 2px !important;
}

.el-pager li.active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* 对话框美化 - 简洁版 */
.el-dialog {
  border-radius: var(--border-radius) !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

.el-dialog__header {
  background: #fafafa !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 18px 20px !important;
}

.el-dialog__title {
  font-weight: 600 !important;
  color: var(--text-primary) !important;
}

/* 标签美化 - 简洁版 */
.el-tag {
  border-radius: var(--border-radius) !important;
  font-weight: 500 !important;
  padding: 0 8px !important;
  height: 24px !important;
  line-height: 22px !important;
}

/* 消息提示美化 - 简洁版 */
.el-message {
  border-radius: var(--border-radius) !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

/* 搜索区域美化 - 简洁版 */
.search-form {
  background: var(--card-bg) !important;
  border-radius: var(--border-radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  border: 1px solid var(--border-color) !important;
}

.search-form .el-form-item {
  margin-bottom: 0 !important;
}

/* 分隔线美化 - 简洁版 */
.divider {
  width: 100% !important;
  height: 0 !important;
  border-bottom: 1px dashed var(--border-color) !important;
  margin: 10px 0 !important;
}

/* 操作按钮组美化 - 简洁版 */
.operation-buttons {
  margin: 20px 0 !important;
  text-align: left !important;
}

.operation-buttons .el-button {
  margin-right: 10px !important;
}

/* 状态标签美化 - 简洁版 */
.status-tag {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.status-tag.active {
  background-color: var(--success-color) !important;
}

.status-tag.inactive {
  background-color: var(--info-color) !important;
}

.status-tag.pending {
  background-color: var(--warning-color) !important;
}

.status-tag.disabled {
  background-color: var(--danger-color) !important;
}
/* 侧边栏美化 - 简洁版 */
.el-menu {
  border-right: none !important;
  box-shadow: none !important;
}

.el-menu-item {
  transition: var(--transition) !important;
}

.el-menu-item:hover {
  background-color: #f5f7fa !important;
  color: var(--primary-color) !important;
}

.el-menu-item.is-active {
  background-color: #ecf5ff !important;
  color: var(--primary-color) !important;
  border-right: 3px solid var(--primary-color) !important;
}